<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/script.js"></script>

</head>
<body>
	<form method="post" id="form1" name="form1" enctype="multipart/form-data" target="hidden_frame">
		<p>
			From client: 
			<input type="file" name="file" id="file" />			
		</p>
		<p>
			From url: <input type="text" id="url" name="url" />
		</p>
		<p>
			<input type="submit" id="test" value="Upload">
		</p>		
	</form>
	<div id="response">test</div>
	<ul id="image-list"></ul>
	<canvas id="panelTest" width="779" height="519"></canvas>
	<h1>Crop image use jcrop lib</h1>
	<div class="contr">
                <button onclick="getResults()">Crop</button>
            </div>
            <canvas id="panel" width="779" height="519"></canvas>
            <div id="results">
                <h2>Please make selection for cropping and click 'Crop' button.</h2>
                <img id="crop_result" />
            </div>
	<br>
	<img alt="test" src="" id="img2" style='display: none'>				
</body>
</html>